<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
  
        <!-- 开发环境版本，包含了有帮助的命令行警告 -->
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="https://cdn.bootcss.com/vue-router/3.1.3/vue-router.js"></script>
       
</head>
<body>
    <!-- 
    路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，
    如果点击页面上的about 按钮，页面中就要显示about 的内容。
    Home按钮  => home 内容， about按钮 => about 内容，也可以说是一种映射. 
    所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。 

    类似于链接：<a href="abc.html">我们要跳转的页面</a>

    在vue中使用路由一定要引用库：

    -->
    <div id="demp">
        
    </div>

    <div id="box">
       
    </div>
     

    <script>
      
    </script>
</body>
</html>